<template>

  <el-dialog title="新增入库货品" :visible="showdialog" width="60%" @close="closedialog">
    <!-- 表单 -->
    <el-form>
      <el-row type="flex" justify="space-between" align="middle">
        <el-form-item label="货品" style="width:300px">
          <el-input placeholder="请输入名称/编码/条码" />
        </el-form-item>
        <el-row>
          <el-button round type="success">查询</el-button>
          <el-button round>重置</el-button>
        </el-row>
      </el-row>
    </el-form>
    <el-table :data="tableData" height="200" border>
      <el-table-column
        type="selection"
        width="40"
        fixed
      />
      <el-table-column
        type="index"
        label="序号"
        width="50"
      />
      <el-table-column
        prop=""
        label="货主名称"
        width="120"
      />
      <el-table-column
        prop=""
        label="货品编码"
        width="120"
      />
      <el-table-column
        prop=""
        label="货品名称"
        width="120"
      />
      <el-table-column
        prop=""
        label="货品类型"
        width="120"
      />
      <el-table-column
        prop=""
        label="货品单价(天)"
        width="120"
      />
      <el-table-column
        prop=""
        label="保质天数(天)"
        width="120"
      />
      <el-table-column
        prop=""
        label="单位"
        width="120"
      />
      <el-table-column
        prop=""
        label="体积(m^3)"
        width="120"
      />

    </el-table>
    <!-- 分页 -->
    <el-row type="flex" justify="center">
      <el-pagination
        :page-sizes="[10, 20, 30, 40]"
        :page-size="1"
        layout="total, sizes, prev, pager, next, jumper"
        :total="5"
      />
    </el-row>
    <el-row type="flex" justify="end" style="margin-top:50px">
      <el-button round @click="closedialog">取消</el-button>
      <el-button round type="success">确认添加</el-button>
    </el-row>
  </el-dialog>

</template>

<script>
// import { getPageDetail } from '@/api/stork'
export default {
  props: {
    showdialog: {
      type: Boolean,
      default: false

    }
    // ownerId: {
    //   type: String,
    //   required: true
    // }
  },
  data() {
    return {
      tableData: []
    }
  },
  async created() {
    // 进入页面显示查询数据
    // 发请求
    // this.tableData = await getPageDetail(this.ownerId)
  },
  methods: {
    closedialog() {
      this.$emit('closedialog')
    }
  }
}
</script>

<style>

</style>
